Ext.define('AmpleHarvest.objects.topicmodel.cChartScatter',
{
	extend		: 'Ext.chart.Chart',
	animate		: true,
	flex		: 2,
	store		: Ext.create('Ext.data.JsonStore', {
	    fields: ['name', 'data1', 'data2', 'data3'],
	    data: [
	        { 'name': 'metric one',   'data1': 14, 'data2': 12, 'data3': 13 },
	        { 'name': 'metric two',   'data1': 16, 'data2':  8, 'data3':  3 },
	        { 'name': 'metric three', 'data1': 14, 'data2':  2, 'data3':  7 },
	        { 'name': 'metric four',  'data1':  6, 'data2': 14, 'data3': 23 },
	        { 'name': 'metric five',  'data1': 36, 'data2': 38, 'data3': 33 }
	    ]
	}),
	insetPadding: 100,
	legend		: {
		position	: 'right'
	},
	axes		: false,
	series		: [{
        type: 'scatter',
        axis: false,
        xField: 'data1',
        yField: 'data2',
        color: '#ccc',
        markerConfig: {
            type: 'circle',
            radius: 20,
            size: 20
        }
    }],
    
    initComponent	: function()
    {
    	console.log('init');
    	this.callParent();
    }
});